<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Links e Listas</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="estilo.css">
    </head>
    <body>
        <div class="menu">
        <a id="inicio"><h3>LINKS E LISTAS</h3></a>    
        <ul>
            <li><a href="#21">2.1 LINKS</a></li>
            <li><a href="#22">2.2 LISTAS</a></li>
            <li><a href="#221">2.2.1 LISTAS NÃO ORDENADAS</a></li>
            <li><a href="#222">2.2.2 LISTAS ORDENADAS</a></li>
            <li><a href="#223">2.2.3 LISTAS DE DEFINIÇÕES</a></li>
            <li><a href="html.html">Menu Principal</a></li>
        </ul>
        </div>
        <div class="corpo">
        <p>
            <a id="21">2.1 LINKS </a>
        </p>
        <p>
            Fazer a ligação de um texto com uma página local é uma tarefa bastante simples. 
            Você precisa apenas especificar o nome completo do arquivo que será chamado, 
            utilizando o comando &LT;A&GT; de âncora, onde href especifica o endereço da URL 
            (Universal Resource Locator) ao qual o link está associado, pode ser uma 
            outra página da internet, um arquivo para download ou até mesmo uma figura. 
            Pode ser usada para referências dentro ou fora do documento e id 
            especifica o nome da seção de um documento que é referida por um link de 
            hipertexto. 
        </p>
        <p>
            &LT;a href="url" id="nome"&GT; link &LT;/a&GT; 
        </p>
        <p>Exemplos: </p>
        <p>
            &LT;a href="http://www.google.com.br"&GT;  
            <a href="http://www.google.com.br"> página do Google
            </a> &LT;/a&GT;
        </p>
        <p>
            &LT;a href="inicio"&GT; <a href="#inicio">Início da Página</a> &LT;/a&GT;
        </p>
        <p>
            <a href="#inicio">Vai para o início da página</a> 
        </p>
        <p>
            <a href="pagina2.html#outra"> outra parte da página 2</a> 
        </p>
        <p>
            <a href="index.html">Página Principal</a> 
        </p>
        <p>
            <a href="ex07a.html">EX07A</a>
        </p>
        <p>
            <a href="ex07b.html">EX07B</a>
        </p>
        <p>
            <a id="22">2.2 LISTAS </a>
        </p>
        <p>
            Assim como os cabeçalhos, que separam partes do texto, outra forma de estruturar
            um documento HTML é a utilização de listas. As listas podem funcionar como um 
            sumário, um menu ou um resumo do conteúdo do documento e são excelentes para 
            serem usadas como ponto de partida ao acesso de outras partes de um documento. 
            Existem basicamente três tipos de listas. As listas não-ordenadas, que contêm 
            uma série e itens sem numerá-los, as listas ordenadas, que atribuem um número 
            para cada elemento da lista e a lista de definições, utilizadas para definir 
            palavras. 
            Pode-se utilizar uma lista dentro da outra para implementar listas aninhadas. 
        </p>
        <p>
            <a id="221">2.2.1 LISTAS NÃO ORDENADAS </a>
        </p>
        <p>
            O comando &lt;ul&gt; (Unordered List) é utilizado para criar listas não-ordenadas. 
            Esse comando deve envolver o primeiro e o último item da lista. Cada item da
            lista deve ser precedido do comando &lt;li&gt; (Line Item). O parâmetro type 
            permite que sejam especificadas variações para o marcador utilizado na 
            lista. Os valores possíveis de se atribuir são square, circle ou disc. 
            Omitindo o parâmetro type, os marcadores assumem a bolinha padrão. 
        </p>
        <UL type=square> 
            <LI> texto do item 1 
            <LI> texto do item 2 
            <LI> texto do item n 
        </UL> 

        <p>
            <a id="222">2.2.2 LISTAS ORDENADAS </a>
        </p>
        <p>
            O comando &lt;ol&gt; (Ordered List) é utilizado para criar listas 
            ordenadas. Esse comando deve envolver o primeiro e o último item da 
            lista. Cada item da lista deve ser precedido do comando &lt;li&gt; 
            (Line Item). O parâmetro type permite que sejam especificadas 
            variações para o marcador utilizado na lista. Os valores possíveis 
            de se atribuir são A (cria uma lista alfabética com letras 
            maiúsculas), a (lista alfabética com letras minúsculas), I (lista 
            com numerais romanos maiúsculos) e i (numerais romanos minúsculos). 
        </p>
        <p>
            Além do parâmetro type, você pode mudar o número inicial da lista 
            utilizando o parâmetro start, que deve ser sucedido do sinal de 
            igualdade e do número inicial da lista. Omitindo os parâmetros, a 
            lista será numerada e iniciará pelo número 1. 
        </p>

        <ol type=a start=f> 
            <li> texto do item 1</li>
            <li> texto do item 2</li>
            <li> texto do item n</li>
        </ol> 

        <p>
            <a id="223">2.2.3 LISTAS DE DEFINIÇÕES </a>
        </p>
        <p>
            O comando &lt;dl&gt; (Definition List) é utilizado para criar listas de definições que se parece 
            um glossário de termos. Cada termo da lista deve ser especificado com o comando &lt;dt&gt; e a 
            explicação de cada comando especificada com o comando &lt;dd&gt;: 
        </p>

        <dl> 
            <dt> termo1 a ser definido 
            <dd> definição do termo1 
            <dt> termo2 a ser definido 
            <dd> definição do termo2 
        </dl> 
        <p>
            <a href="ex08.html">EX08</a>
        </p>
        </div>
    </body>
</html>
